<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>人员列表</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    <link href="../res/css/tabs.css" rel="stylesheet" type="text/css" />
    <link href="../res/css/demo.css" rel="stylesheet" type="text/css" />

    <script src="../../../scripts/boot.js" type="text/javascript"></script>
    <!--<script src="pageJs/ColumnsMenu.js" type="text/javascript"></script>-->
</head>
<body>
    <div style="width:100%;overflow: hidden">
        <!--<h1 style="width: 300px;float: left">人员列表</h1>-->
        <div id = "tabsButtons2">
            <a class="tabsBtn" onclick="refresh()"><i class="fa fa-refresh"></i></a>
            <!--<a class="tabsBtn" onclick="close()"><i class="fa fa-remove"></i></a>-->
        </div>
    </div>
    <!--增删改查-->
    <div style="width:100%;">
        <!--工具栏(class="mini-toolbar")-->
        <div class="mini-toolbar" style="border-bottom:0;padding:0px;">
            <!--按钮列表-->
            <table style="width:100%;">
                <tr>
                    <td style="width:100%;">
                        <!--miniui的按钮样式（class="mini-button"）按钮前面的图标（iconCls="icon-add"）-->
                        <!--事件-->
                        <a class="mini-button" iconCls="icon-add" onclick="add()">增加</a>
                        <a class="mini-button" iconCls="icon-edit" onclick="edit()">编辑</a>
                        <a class="mini-button" iconCls="icon-remove" onclick="remove()">删除</a>
                    </td>
                    <!--<td style="white-space:nowrap;">-->
                        <!--&lt;!&ndash;miniui的输入框：class="mini-textbox"   输入框中的默认文字：emptyText="请输入姓名"&ndash;&gt;-->
                        <!--&lt;!&ndash;按enter键时的事件：onenter="onKeyEnter"&ndash;&gt;-->
                        <!--<input id="key" class="mini-textbox" emptyText="请输入姓名" style="width:150px;" onenter="onKeyEnter"/>-->
                        <!--<a class="mini-button" onclick="search()">查询</a>-->
                    <!--</td>-->
                </tr>
            </table>
        </div>
    </div>
    <!--表格内容：请求获得，请求路径是url，通过主键id（id="datagrid1"）来获得-->
    <!--数据表格：class="mini-datagrid"    调整大小：allowResize="true"  多选true/单选false：multiSelect="true"-->
    <div id="datagrid1" class="mini-datagrid" style="width:100%;height:92vh;"
         url="http://192.168.178.103:8080/GAHT/user/list.do"  idField="id" multiSelect="true">
        <!--列集合对象：property="columns"-->
        <div property="columns">
            <!--<div type="indexcolumn"></div>   显示index的列-->
            <div type="checkcolumn" ></div>         <!--全选的选择框-->
            <div field="userId" width="120" headerAlign="center" allowSort="true">员工Id</div>
            <div field="userName" width="120" headerAlign="center" allowSort="true">用户名</div>
            <div field="uName" width="120" headerAlign="center" allowSort="true">姓名</div>
            <!--<div header="工作信息">-->
                <!--<div property="columns">-->
                    <!--<div field="dept_name" width="120">所属部门</div>-->
                    <!--<div field="position_name" width="100">职位</div>-->
                    <!--<div field="salary" dataType="currency" currencyUnit="￥" align="right" width="100" allowSort="true">薪资</div>-->
                <!--</div>-->
            <!--</div>-->
            <div header="基本信息">
                <div property="columns">
                    <div field="gender" width="100" renderer="onGenderRenderer" title style="background-color:red">性别</div>
                    <div field="age" width="100" allowSort="true">年龄</div>
                    <div field="dateBirth" width="100" renderer="onBirthdayRenderer">出生日期</div>
                    <div field="email" width="100">邮箱</div>
                </div>
            </div>
            <div field="createDate" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
        </div>
    </div>

    <script src="../js/personnel2.js"></script>
</body>
</html>